<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="app" >

            <table>
                <tr v-for="user in users">
                    <td>{{user.id}}</td>
                    <td>{{user.name}}</td>
                    <td>{{user.age}}</td>
                </tr>
            </table>
            
        </div>
        <!--导包一定要双标签，不能单标签-->
        <script src="./node_modules/vue/dist/vue.js"></script>
        <script src="node_modules/axios/dist/axios.js"></script>

        <script type="text/javascript">

            var vue = new Vue({
                el:"#app",
                data:{
                    name:"刘德华",
                    num:0,
                    users:[]
                },
                created() {
                    //
                    Axios.get(url).then((result)=>{
                        console.log(result.data)
                        this.users=result.data;

                    }).catch()
                }
            })
        </script>
    </body>
</html>